<!DOCTYPE html>
<html lang="">

  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
  </head>

  <body>
    <noscript>
      <strong>
        We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work
          properly without JavaScript enabled. Please enable it to continue.
      </strong>
    </noscript>
    <div id="app">
      <style>
        .loading {
          position: fixed;
          width: 200px;
          height: 200px;
          left: 50%;
          top: 50%;
          margin-left: -100px;
          margin-top: -100px;
          border-radius: 50%;
        }
      </style>
      <img class="loading" src="./img/lazy.gif" alt="" />
    </div>
    <!-- 模板代码(Node.js) -->
    <% if(NODE_ENV==="production" ) { %>
      <script src="https://cdn.bootcdn.net/ajax/libs/vue/2.6.12/vue.min.js"></script>
      <script src="https://cdn.bootcdn.net/ajax/libs/vuex/3.5.1/vuex.min.js"></script>
      <script src="https://cdn.bootcdn.net/ajax/libs/vue-router/3.4.7/vue-router.min.js"></script>
      <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.6.1/vue.min.js"></script>
      <script src="https://cdnjs.cloudflare.com/ajax/libs/vuex/3.6.2/vuex.min.js"></script>
      <script src="https://cdnjs.cloudflare.com/ajax/libs/vue-router/3.4.9/vue-router.min.js"></script>
      <script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.21.4/axios.min.js"></script> -->
      <% } %>
        <!-- built files will be auto injected -->
  </body>

</html>